<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title></title>
<link href="css/default_skin.css" type="text/css" rel="stylesheet" />
<style type="text/css">
	.sc-nav-button{display: none;}
	.sky-carousel-container li img{border-radius: 50%;-webkit-border-radius: 50%;width: 90px;}
	.sky-carousel{background: white;}
	.container{width: 100%!important;}
	.container .sixteen.columns{width: 100%!important;margin: 0px;}
	.sky-carousel{border: 0px;height: 150px;margin-top:20px;padding-bottom: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
	.sky-carousel .sky-carousel-container{margin-top: 25px!important;padding-left: 10px;}
	*{padding: 0;margin: 0;}
	.sky-carousel .sc-content-wrapper h2{color: #505050;}
</style>

</head>
<body>

	<div class="sky-carousel">
		<div class="sky-carousel-wrapper">
			<ul class="sky-carousel-container">
				<li v-for="item in items">
					<img :src="item.imgsrc" />
					<div class="sc-content">
						<h2>{{item.name}}</h2>
					</div>
				</li>
			</ul>
		</div>
	</div>
	
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.sky.carousel-1.0.min.js"></script>
<script src="js/vue.js"></script>
<script type="text/javascript" src="js/my.js" ></script>
</body>
</html>